import React from 'react';
import Svg, { Path, G } from 'react-native-svg';

export const EyeIcon = () => {
  return (
    <Svg width="100%" height="100%" viewBox="0 0 17 16" fill="none">
      <G id="lucide/eye">
        <G id="Vector">
          <Path
            d="M2.04167 8.23175C1.98611 8.08207 1.98611 7.91743 2.04167 7.76775C2.5828 6.45565 3.50135 5.33378 4.68085 4.54435C5.86035 3.75492 7.2477 3.3335 8.667 3.3335C10.0863 3.3335 11.4737 3.75492 12.6532 4.54435C13.8327 5.33378 14.7512 6.45565 15.2923 7.76775C15.3479 7.91743 15.3479 8.08207 15.2923 8.23175C14.7512 9.54385 13.8327 10.6657 12.6532 11.4552C11.4737 12.2446 10.0863 12.666 8.667 12.666C7.2477 12.666 5.86035 12.2446 4.68085 11.4552C3.50135 10.6657 2.5828 9.54385 2.04167 8.23175Z"
            stroke="#7E808A"
            strokeWidth="1.33333"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
          <Path
            d="M8.667 9.99975C9.77157 9.99975 10.667 9.10432 10.667 7.99975C10.667 6.89518 9.77157 5.99975 8.667 5.99975C7.56243 5.99975 6.667 6.89518 6.667 7.99975C6.667 9.10432 7.56243 9.99975 8.667 9.99975Z"
            stroke="#7E808A"
            strokeWidth="1.33333"
            strokeLinecap="round"
            strokeLinejoin="round"
          />
        </G>
      </G>
    </Svg>
  );
};
